<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/user.css" />
</head>

<body>
<div class="shadow hide js_message"></div>
<div class="upshadow bb news hide  js_message">
    <p class="cancel js_x"></p>
    <p class="title">收藏记录</p>
    <div class="blo">
       <div class='block bb'>
<p class='name df dfsb'>
<span class='a'>官宣：西城区居民健康综合服务门户——“健康西城”今天上线试运行啦</span>
<span class='b js_is_cancal_cang ' ></span></p>
           <p class='content bb'>
我是您的健康小秘书——小西！温馨提示您：2019年01月21日至2019年03月31日为“健康西城”试运行阶段，在此期间我们将根据大家使用情况，会不断优化系统服务功能，如因此给您带来不便，小西很抱歉哦！如果您在使用过程中，对“健康西城”有任何意见或者建议，都可以给我们发电子邮件，邮件地址：xchwjw@163.com，我们将认真阅读，不断完善健康西城服务！感谢您的理解与支持！祝您健康！
           </p>
       </div> 
    </div>
</div>
    <div class="shadow hide js_change_bg">
        <div class="upshadow">
            <p class="x js_close"></p>
            <div class="com second  ">
                <div class="hPic  df"><span class="a phone"></span><span class="b">新手机号</span><input class="c login"
                        type="number" placeholder="请输入手机号"></div>

                <div class="hPic  df"><span class="a ma"></span><input type="text" class="c code" placeholder="请输入验证码"><span
                        class="js_code">获取验证码</span></div>

                <div class="btn1 btn js_btn">确定并更换</div>
            </div>

        </div>
    </div>
    <div class="shadow hide js_change_password">
        <div class="upshadow">
            <p class="x js_close"></p>
            <div class="com second  ">
                <div class="hPic  df"><span class="a ma "></span><span class="b">旧密码</span><input type="password" class="c js_word"
                        placeholder="字母,数字,符号,至少两种"></div>
                <div class="hPic  df"><span class="a ma"></span><span class="b">新密码</span><input type="password" class="c js_word1"
                        placeholder="字母,数字,符号,至少两种"></div>
                <div class="hPic  df"><span class="a ma"></span><span class="b">确认新密码</span><input type="password"
                        class="c js_word2" placeholder="字母,数字,符号,至少两种"></div>
                <div class="btn1 btn js_btn_change">确定并更换</div>
            </div>

        </div>
    </div>
    <div class="page">
        <div class="shadow hide js_user_1 js_confirm">
            <div class="confirm_tips pf">
                <div class="_title">温馨提示</div>
                <div class="tip_contemnt">
                    您确定要取消该预约吗
                </div>
                <div class="tips_btn">
                    <span class="cancel js_tips_cancel">取消</span>
                    <span class="js_ok_1">确定</span>
                </div>
            </div>
        </div>
        <header> </header>
        <nav class="pr">
            <ul class="df js_nav"></ul>
            <ul class="pa wrap js_sub_nav df dfc"> </ul>
        </nav>
        <div class="all_wrap">
            <div class="outfit cw">
                <div class="f-title">当前位置：<span class="js_index">首页</span> > 个人管理</div>
                <div class="block1 bb df">
                    <div class="left">
                        <p class="pic js_pic"></p>
                        <p class="word">更换头像</p>
                        <input type="file" class="photo" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg">
                    </div>
                    <div class="center">
                        <p class="js_name"></p>
                        <p class="js_card"></p>
                        <p><span class="js_phone"></span><span class="phone js_change">更换手机号</span></p>
                        <p>实名认证：<span class="sure">已认证</span></p>
                        <p class='js_changepassword'>修改密码</p>
                    </div>
                    <div class='right' >
                        <div class="rightBtn bb js_logout">退出登录</div>
                        <div class="rightBtn bb js_bao ">商保理赔</div>

                        <div class="rightBtn bb js_rule">用户手册</div>
                    </div>
                    

                </div>
                <div class="block2">
                    <div class="title bb">电子卡证</div>
                    <div class="cards bb df ">
                        <p class="pic pic1"></p>
                        <!-- <p class="pic pic2"></p> -->
                    </div>
                </div>
                <div class="block3">
                    <div class="title df"><span class="all">全部预约信息</span><span class="more js_more">查看更多 ></span></div>
                    <div class="blocks"></div>

                </div>
                <div class='block4'>
                    <div class="title df"><span class="all">收藏记录</span></div>
                    <div class="b"> 
                        <div class='b_name js_cang bb'>官宣：西城区居民健康综合服务门户——“健康西城”今天上线试运行啦</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <footer>
        <div class="wrap df dfm">
            <div class="logo"></div>
            <ul>
                <li>北京市西城区卫生健康委员会 </li>
                <li class="c9">Xicheng District Health Commission of Beijing Municipality</li>
            </ul>
            <!-- <ul class="df1 ar">
            <li>京ICP备06013505号</li>
            <li>电话:010-8206198</li>
        </ul> -->

        </div>
    </footer>
    <script src="./dist/user.js"></script>
</body>

</html>